
#top_name{
    position: relative;
    height: 150px;
    padding-left:12px;
    width: 550px;
       
}
#top_name h1{
    position: relative;
    bottom: 135px;
    left: 100px;
    font-family: Segoe Print;
    font-size: 35pt;
    color: #3030d3; 
}


#user-panel{
   position: relative;
    bottom: 119px;
    left: 560px;
    width: 600px;
    font-size: 14px;
     
    text-align: right;
    z-index: 15;
    height: 20px;

}
#group_menu {
    position: relative;
    margin: 0 auto;
    width: 100%;
    bottom:  51%;
    height:20%;
    background: #FFF;  
}
#user-panel{
   position: relative;
    bottom: 46px;
    left: 500px;
    width: 450px;
    font-size: 14px;
    text-align: right;
    z-index: 15;
    height: 20px;
}
#back{
    position: relative;
    bottom: 30px;
    left: 3%;
    width: 150px;
    font-size: 12px;
}

#registr2{
    position: relative;
  bottom: 150px;
    
    z-index: 50;
    left: 500px;
    width: 450px;
    text-align: right;
}
#menu {
    position: relative;
    margin: 0 auto;
    width: 100%;
    bottom:  51%;
    height:20%;
    border: 1px solid #000000;
    background: #FFF;
}




 a:link{
    color: #0000FF; }
 a:visited	{
     color: #0000ff; }
#role2 {
    position: relative;
    /*position: absolute;*/
   
    float:right;
    bottom: 10%;
    z-index: 2;
}




#main {
    position: relative;
    margin-top: 22px;
    background: #FFF;
    height: 1000px;
    width: 100%;
    border: 1px solid #000000;
}

#find {
    position: absolute;
    left: 2%;
    top: 10px;
    width: 35%;
    text-align: left;
}

#warningFind{ 
    position: relative;
    color: red;
    left: 2%;
    bottom: 10px;
   
}
#un_text {
    position: relative;
    left: 2%;
    top: 15px;
    width: 75%;
    text-align: left;
}
#groups{
    position: relative;
    left: 17%;
    bottom:  57px;
    width: 35%;
    text-align: left;
}
#role{
    position: relative;
    left: 20%;
    bottom:  70px;
    text-align: left;
    
}
#find  p {
    margin-top: 2%; 
    margin-bottom: 0%;     
}

#sorted {
    position: absolute;
    left: 35%;
    top: 10px;
    width: 40%;
    text-align: left;
}
select {
    width: 140px;
}
#tabl {
    position: relative;
    left: 2%;
    top: 20px;
}

#tabl td{
    height: 20px;
    padding:5px;
    text-align: center;
}
#group_tabl {
    position: relative;
    padding-top: 20px;
    left: 2%;
    bottom: 30px;
  
}
#group_tabl td{
     height:20px;
     padding:5px;
    text-align: center;
    width:100px;
}
#group_tabl1 {
    position: absolute;
    padding: 5px;
    left: 2%;
      top: 250px;
}
#group_tabl1 td{
    
     padding:5px;
    text-align: center;
    width:80px;
     
}
#button1 {
    position: relative;
    float:left;
    bottom: 5px;
    font-size: 14pt;
    margin-left:27px;
    color:#CCCCCC; 
}
#button1 button{
    width:65px; 
    background: #b8b0fd;
}
#button2 {
    position: relative;
    float:left;
    bottom: 5px;
    font-size: 14pt;
    margin-left:210px;
    color:#CCCCCC; 
    
}

#button2 button{
    width:65px; 
     background: #b8b0fd;
}
#group_button1 {
    position: relative;
    padding-top: 1px;
    padding-bottom: 1px;
    bottom: 1px;
    float:left;
    font-size: 14pt;
    margin-left:24px;
    
}
#group_button1 button{
   background: #b8b0fd; 
   width:65px;
}

   .elementL{ float: left; padding: 5px; }
            .error{ color:red;}
            .clear{ clear:both; }
            
            
            #groupManagement{
                position: relative;
                bottom: 23px;
                padding-left: 2%;
                background: #FFF;
                
            }
            
            #footer{
    position: relative;
    background: #b8b0fd;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 10px;

    height: 60px;
    width: 98%;
    background: #FFFFFF;
    z-index: 10;
    border-bottom:  1px solid #000000;
    border-left:  1px solid #000000;
    border-right:  1px solid #000000;
    font-size: 14pt;
}